@if mgwt.css pretty {
	@external mgwt-ScrollPanel, mgwt-ScrollPanel-container, mgwt-Scrollbar, mgwt-Scrollbar-horizontal, mgwt-Scrollbar-vertical, mgwt-Scrollbar-Bar;
}

.mgwt-ScrollPanel {
	overflow: hidden;
	position: relative;
}

@if user.agent safari {
	.mgwt-ScrollPanel {
		display: \-webkit-box;
		\-webkit-box-orient: vertical;
	}
}

@if user.agent gecko1_8 {
	.mgwt-ScrollPanel {
		display: \-moz-box;
		\-moz-box-orient: vertical;
	}
}

.mgwt-ScrollPanel-container {
	overflow: visible;
}

@if user.agent safari {
	.mgwt-ScrollPanel-container {
		\-webkit-transition-property: literal('-webkit-transform');
		\-webkit-transition-timing-function: literal('cubic-bezier(0, 0, 0.25, 1)');
	}
}

@if user.agent gecko1_8 {
	.mgwt-ScrollPanel-container {
		\-moz-transition-property: literal('-moz-transform');
		\-moz-transition-timing-function: literal('cubic-bezier(0, 0, 0.25, 1)');
		vertical-align: top;
	}
}

.mgwt-Scrollbar {
	position: absolute;
	z-index: 10;
	pointer-events: none;
	overflow: hidden;
	opacity: 0;
}

@if user.agent safari {
	.mgwt-Scrollbar {
		\-webkit-transition-duration: 300ms;
		\-webkit-transition-delay: 0ms;
		\-webkit-transition-property: opacity;
	}
}

@if user.agent gecko1_8 {
	.mgwt-Scrollbar {
		\-moz-transition-duration: 300ms;
		\-moz-transition-delay: 0ms;
		\-moz-transition-property: opacity;
	}
}

/*TODO build this for ff as well, workaround for position bug?*/
.mgwt-Scrollbar-horizontal {
	bottom: 2px;
	left: 2px;
	right: 8px;
	height: 5px;
}

.mgwt-Scrollbar-vertical {
	top: 2px;
	right: 2px;
	bottom: 8px;
	width: 5px;
}

.mgwt-Scrollbar-Bar.mgwt-Scrollbar-vertical {
	\-webkit-border-radius: 2px 3px;
	min-width: 5px;
	min-height: 6px;
}

.mgwt-Scrollbar-Bar.mgwt-Scrollbar-horizontal {
	\-webkit-border-radius: 3px 2px;
	min-width: 6px;
	min-height: 5px
}